// 生成三角形
.triangle (top, @size: 5px, @color: red) {
    border: @size solid transparent;
    border-bottom-color: @color;
}
.triangle (bottom, @size: 5px, @color: red) {
    border: @size solid transparent;
    border-top-color: @color;
}
.triangle (left, @size: 5px, @color: red) {
    border: @size solid transparent;
    border-right-color: @color;
}
.triangle (right, @size: 5px, @color: red) {
    border: @size solid transparent;
    border-left-color: @color;
}
.triangle(@_, @size: 5px, @color: red) {
    width: 0;
    height: 0;
}
// 块元素居中
.center(@width: 1250px) {
    width: @width;
    max-width: 100%;
    margin: 0 auto;
}
.mgcenter {
    width: auto;
    margin: 0 20px;
}
.centers(@width: 1600px) {
    width: @width;
    max-width: 1600px;
    margin: 0 auto;
}
// 布局时常用的样式
.layout(@width, @height, @color: red) {
    width: @width;
    height: @height;
    background: @color;
}
.explain-items(@color:#8f8f8f) {
    margin-top: 55px;
    text-align: center;
    h3 {
        color: #5f5b5b;
        font-size: 22px;
        font-weight: 600;
    }
    span {
        display: inline-block;
        width: 65%;
        margin-top: 20px;
        color: @color;
        font-size: 16px;
    }
}
.border-bottom {
    border-bottom: 1px solid #CCCCCC;
}
.contact-Bolg {
    p {
        font-size: 16px;
    }
    h4 {
        font-size: 18px;
        margin-bottom: 15px;
    }
    h4,
    h3,
    h5 {
        color: #5F5B5A;
        font-weight: 700;
    }
    input[type="text"],
    textarea {
        border: none;
        line-height: 30px;
        background-color: #EFEFEF;
        border-radius: 2px;
        padding: 5px 10px; //          outline: #449D44 solid 1px;
    }
    input[type="button"] {
        border: none;
        padding: 13px 15px;
        background-color: #87B672;
        color: #FFFFFF;
        font-weight: 700;
    }
}